/*this css is for all pages*/

body {background: #fff; font-family: 微软雅黑;}
header { width: 100%;}
nav { width:100%; height: 30px;}
header, main, aside, article, footer {border: none;}


/*@media (max-width: 1024px){
	.container {position: absolute; width: 100%; margin: 2%;}
    header { width: 100%; height: 100px;}
    nav { width: 100%; height: 40px; }
    main { width: 100%; height: 400px; }
    footer { width: 100%; height: 40px; }
}

@media (max-width: 1600px) and (min-width: 1024px){
	.container {position: absolute; width: 100%; margin: 2%; }
	header { width: 100%; height: 120px; }
	nav { position: absolute; width: 20%; height: 800px; }
	main { position: absolute; width: 80%; height: 800px; }
	footer { width: 100%; height: 40px }
}

@media (min-width: 1600px) {
	.container { position: absolute; left: 50%; width: 1600px; margin-left: -800px;  }
    header { width: 100%; height: 140px; }
    nav { position: absolute; top: 140px; width: 280px; height: 800px;  }
    main { position: absolute; top: 140px; left: 280px; width: 1320px; height: 800px; }
    footer { width: 1024px; }
}*/

/*total setting*/
html, body, div, header, main, article, section, aside, footer, input, select {margin:0; padding:0; box-sizing: border-box; }
ul li{list-style: none;}
input, select, button { outline: none; }

table { border-left: 1px solid darkblue; border-top: 1px solid darkblue;   }
table td { border-right: 1px solid lightblue; border-bottom: 1px solid lightblue; }
table thead td { height: 30px; font-size: 18px; font-weight: bolder; background-color: cyan;  }
table tbody td { height: 24px; font-size: 12px; background-color: #ccc; }
table tbody td:nth-child(even) { background-color: #ffc; }


/*页面整体布局*/
/*body { font-family: '微软雅黑' }
.container {position: absolute; width:100vw; height: 100vh; overflow: auto; background-color: white;}
.container::-webkit-scrollbar {display:none}*/

/*按钮基本样式*/
button { width: 160px; height: 30px; line-height: 30px; font-size: 16px; box-sizing: border-box; padding: 0;  }
button.bluestyle { background: lightblue; color: white; text-shadow: 1px 1px 1px #222; }
button:hover { color: red; }
button.onlystyle, td > button { background: none; border: none; }

/*可拖动块*/
.horizontalBord{height: 100%; }
.verticalBord{width: 100%;}

/*常用class定义*/
.oneline{display: inline-block;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.mask{overflow: hidden;}
.hidden{display: none;}
.whitespace{display:block; margin-top: 30px;}
*[url]{cursor: pointer;}
.point{cursor: pointer;}
.bluepoint{cursor: pointer; color: #66f;}

/*常用前景色*/
.red { color: red; }  .blue { color: blue; }  .green { color: green; }   .yellow { color: yellow; }
.grey { color: red; }  .black { color: black; }   .orange { color: orange; }   .white { color: white; }
.cyan { color: cyan ; }   .purple { color: purple; }






